<template>
   <div class="chufang">
       <ul class="chufangshang">
           <li>
               <h1>安全</h1>
               <p>餐厅日常消毒</p>
           </li>
           <li>
               <h1>检测</h1>
               <p>检测报告</p>
           </li>
           <li>
               <h1>配送</h1>
               <p>配送人员轨迹</p>
           </li>
           <li>
               <h1>操作</h1>
               <p>操作人员轨迹</p>
           </li>
       </ul>
       <ul class="chufangzhong">
           <li>
               <h1>发票信息</h1>
               <p>嘉和一品粥(国展店)</p>
           </li>
           <li>
               <h1>商家品类</h1>
               <p>粥店/其他快餐</p>
           </li>
           <li>
               <h1>商家地址</h1>
               <p>广州市越秀区东风中路268号1109-1110</p>
           </li>
           <li>
               <h1>商家电话</h1>
               <p>010-68*********1</p>
           </li>
           <li>
               <h1>营业时间</h1>
               <p>06:30-22:00</p>
           </li>
       </ul>
       <div class="shangfuwu">
           <h1>商家服务</h1>
           <p>赔:商家原因导致订单取消，赔付代金卷</p>
           <p>票:该商家支持开发票，请再下单时填写好发票抬头</p>
       </div>
       <div class="zhizhao">
           <h1>商家服务</h1>
           <span class="iconfont icon-qianjin"></span>
       </div>
       <p class="chufangxia">举报商家</p>
   </div>
</template>

<script>

export default {
   name: '',
   data() {
       return {

       }
   },
   methods: {

   }
}
</script>

<style scoped>
@import url("../../../../../../assets/fonts2/iconfont.css");
.chufang{
    width: 100%;
    height: 600px;
    background: #fff;
}
.chufangshang{
    width: 94%;
    height: 120px;
    margin: 0 auto;
    box-shadow: 0 0 1px 1px #f1f1f1;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.chufangshang li{
    width: 40%;
    height: 50px;
}
.chufangshang li h1{
    font-size: 18px;
    line-height: 30px;
}
.chufangshang li p{
    font-size: 12px;
    line-height: 20px;
}
.chufangzhong{
    width: 94%;
    height: 280px;
    margin: 0 auto;
}
.chufangzhong li{
    width: 100%;
    height: 50px;
    margin: 5px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 1px 1px #f1f1f1;
}
.chufangzhong li h1{
    font-size: 15px;
    line-height: 50px;
}
.chufangzhong li p{
    font-size: 15px;
    line-height: 50px;
}
.shangfuwu{
    width: 94%;
    height: 80px;
    margin: 0 auto;
    box-shadow: 0 1px 1px 1px #f1f1f1;
    text-indent: 10px;
}
.shangfuwu h1{
    font-size: 15px;
    line-height: 30px;
}
.shangfuwu p{
    font-size: 12px;
    line-height: 20px;
    color: rgba(186, 212, 255);
}
.zhizhao{
    width: 94%;
    height: 50px;
    margin: 0 auto;
    box-shadow: 0 1px 1px 1px #f1f1f1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.zhizhao h1{
    font-size: 15px;
}
.chufangxia{
    width: 94%;
    height: 50px;
    margin: 0 auto;
    box-shadow: 0 1px 1px 1px #f1f1f1;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    box-shadow: 0 1px 1px 1px #f1f1f1;
}
</style>